﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
	<link rel=Stylesheet type="text/css" href="/public/stylesheets/estilo.css">
	<meta http-equiv="Content-Type" content="Text/html; charset=UTF-8"/>
	<title>SGC</title>
	
	#{verbatim}
		${script}
	#{/verbatim}
</head>
<body>
	<div id="conteiner">
		<div id="cabecalho">
			<span id="logo">SGC</span>
			<span class="canto">
				<img src="/public/images/borda.png" id="borda" height="130px" width="80px"/>
				<span id="saudacao">Olá, Usuário. Bom dia!<br/><a href="@{Application.logout()}">Sair</a></span>
			</span>
		</div>
		<div id="menu">
			#{verbatim}${menu}#{/verbatim}
		</div>
		<div id="conteudo">
			<div class="titulo">Exibição de Hinos</div>
			<div class="exibicao">
				#{if hino == null}
				<span class="vazio">Não há Hinos Selecionados.</span>
				#{/if}
				#{else}
					<span class="vazio">${hino.getTitulo()}</span></br>
					<span class="vazio">${hino.getInterprete()}</span></br>
							#{if hino.getTipo() == 1}
								<span class="vazio">Orquestra</span></br>
							#{/if}
							#{else}
								#{if hino.getTipo() == 2}
									<span class="vazio">Instrumental</span></br>
								#{/if}
								#{else}
									<span class="vazio">Accapela</span></br>
								#{/else}
							#{/else}
					<span class="vazio">${hino.getLetra()}</span></br>
				#{/else}
			</div>
			<a href="/exibicaoHino.html">Voltar</a>
		</div>
		<div id="rodape">
			#{verbatim}${rodape}#{/verbatim}
		</div>
	</div>
</body>
</html>
